<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/register.css">
    <script src="js/jquery.js"></script>
    <title>注册</title>
</head>

<body>
    <div class="wraptop">
        <div>
            <ul>
                <li><a class="lw">中关村在线</a></li>
                <li><a>ZOL企业购</a></li>
                <li><a>解决方案馆</a></li>
                <li><a>中在指数</a></li>
                <li><a class="lm">供应商入驻</a></li>
            </ul>
            <ul>
                <li><a href="login.html">登录</a></li>
                <li><a href="" class="lm">注册</a></li>
            </ul>

        </div>
    </div>
    <div class="logo">
        <img src="img/logo.png" alt="">
        <div>欢迎注册</div>
    </div>
    <div class="con">
        <p><img src="img/下载 (1).png" alt=""> &nbsp;手机号码不正确</p>
        <p><img src="img/下载 (1).png" alt="">&nbsp;请设置8-20位包含数字，大小写字母和特殊字符的密码</p>
        <p><img src="img/下载 (1).png" alt="">&nbsp;两次密码不匹配</p>
        <form action="">
            <div class="bw">
                <div><span class="word">注册类型:</span><span>个人注册</span><span>企业注册</span></div>
                <div><span class="word">手机号码:</span><input type="text" name="" id="in1" placeholder="请输入手机号"></div>
                <div><span class="word">短信验证</span><input type="text" name="" id="" placeholder="请输入短信验证码" class="ina"><span class="yz">获取验证码</span></div>
                <div><span class="word">登录密码:</span><input type="password" name="" id="in2" placeholder="请输入密码"></div>
                <div><span class="word">确认密码:</span><input type="password" name="" id="in3" placeholder="请再次输入密码"></div>
                <input type="button" class="btn" value="提交">
                <div><span><a href="login.html">已有账号登录</a></span></div>
            </div>
        </form>
    </div>
    <div class="footer">
        <div>
            <div><img src="img/下载.png" alt=""><span>热线电话</span><span>400-688-1999</span></div>
            <p>©2021 北京知行锐景科技有限公司 / 北京中在云商科技有限公司 版权备案单位/子公司</p>
            <p>京ICP证150096号 &nbsp;&nbsp;&nbsp;京ICP备14061128号&nbsp;&nbsp;&nbsp; 京公网安备11010802020026号&nbsp;&nbsp;&nbsp; 网络文化经营许可证京网文[2016]1631-199 &nbsp;&nbsp;&nbsp;增值电信业务经营许可证：京B2-20200543</p>

        </div>
        <div class="erwei"><img src="img/code.53fecea8.png" alt=""></div>
    </div>
    <script>
        $(function() {
            $("input").focusin(function() {
                $(this).css("border-color", "red").focusout(function() {
                    $(this).css("border-color", "#dbdbdb")
                })
            })
            $(".yz").click(function() {
                $(".ina").val("65938")
            })


        })

        $("#in1").change(function() {
            var reg = /^1(3|4|5|6|7|8|9)\d{9}$/;
            if (reg.test($(this).val()) == false) {;
                $(".con p:nth-child(1)").css({
                    "display": "block"
                })
            } else {
                $(".con p:nth-child(1)").css({
                    "display": "none"
                })
            }
        })
        $("#in2").change(function() {
            var reg = /^\S*([a-zA-Z]+\S*[0-9]+|[0-9]+\S*[a-zA-Z]+)\S*$/;
            if (reg.test($(this).val()) == false) {;
                $(".con p:nth-child(2)").css({
                    "display": "block"
                })
            } else {
                $(".con p:nth-child(2)").css({
                    "display": "none"
                })
            }
        })
        $("#in3").change(function() {
            if ($("#in2").val() != $("#in3").val()) {
                $(".con p:nth-child(3)").css({
                    "display": "block"
                })
            } else {
                $(".con p:nth-child(3)").css({
                    "display": "none"
                })
            }
        })

        $(".btn").click(function() {
            if ($("#in1").val() && $("#in2").val() && $("#in3").val() != "") {
                $.get("http://jx.xuzhixiang.top/ap/api/reg.php", {
                    username: $("#in1").val(),
                    password: $("#in2").val(),
                }, res => {
                    console.log(res.code);
                    if (res.code == 1) {
                        alert("注册成功")
                        location.href = "login.html";
                    } else {
                        alert("注册失败")
                    }

                })

            } else {
                alert("注册失败")
            }


        })
    </script>
</body>

</html>